<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>upload</title>
<!-- script src="./js/jquery/jquery.js" ></script>
<script src="./js/jquery/jquerymobile.js" ></script> -->
</head>
<body>
<form id="uploadForm" action = "uploadVideo.do" enctype="multipart/form-data" method="POST">
	<div>
		<input id="upload" type="file" name="file"/>
	</div>
	
	<div>
		<div>Name</div>
		<div>
			<input type="text" name="title">
		</div>		
	</div>
	<div>
		<div>Description</div>
		<div>
			<textarea type="text" name="description"></textarea>
		</div>		
	</div> 
	<input type="submit" value="upload" id="uploadButton"/>
</form>
<script>
function upload(){
	$.mobile.loadPage( "upload.do", true, {
	  type: "post",
	  data: $( "form#uploadForm" ).serialize()
	});
}
</script>
</body>
</html>